body,ul,li,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,td,fieldset,legend{margin:0; padding:0;}
ul,li,ol{list-style:none;}
img,fieldset,iframe{border:0; }
img{display:block; border:none;}
a{text-decoration:none; color:#333;}
h1,h2,h3,h4,h5,h6{font-weight:100;}
body{font-size:12px; font-family:"微软雅黑";}
input,a{outline:none;}
.box {
  width: 100% ;
  height: 100%;
  margin:  0 auto;
  background-image: url(https://img-qn-3.51miz.com/preview/element/00/01/13/23/E-1132323-4DAA0CE9.jpg!/quality/90/unsharp/true/compress/true/format/jpg/fh/260);
  background-repeat: no-repeat;
  background-size: 100% ;
}
.box > p:nth-child(1) {
  height: 20px;
  padding-left: 70%;
  margin-top: 50px;
  font-size: 15px;
  
}

.center {
  width: 30%;
  height: 300px;
  margin: 200px auto;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items:center;
  border: 1px solid gray;
  border-radius: 10px;
}
.center > h1 {
  font-weight: 900;
}
.center >  form > .err {
  display: none;
}
.box > .center > p {
  font-weight: 700;
  font-size: 15px;
}
form >label > .zhaohao {
  width: 200px;
  height: 30px;
  border-radius: 10px;
  font-size: 16px;
  outline: none;
  margin-bottom: 20px;
}
form > label > .mima {
  width: 200px;
  height: 30px;
  border-radius: 10px;
  font-size: 16px;
  outline: none;
  margin-bottom: 20px;
}
form >label > button {
  width: 200px;
  height: 30px;
  border-radius: 10px;
  font-size: 16px;
  outline: none;
  margin: 20px  0;
}
.center > ul {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  align-items: center;
}
.footers {
  margin: 20px 0;
  text-align: center;
}